<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>小K服务后台管理系统--管理员管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="../../../../static/favicon.ico" th:href="@{/favicon.ico}">

    <link rel="stylesheet" type="text/css" href="../../../../static/bootstrap/css/bootstrap.min.css"
          th:href="@{/bootstrap/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" href="../../../../static/web/admin/css/font-awesome.css"
          th:href="@{/web/admin/css/font-awesome.css}"/>
    <link rel="stylesheet" type="text/css" href="../../../../static/web/admin/css/style.css"
          th:href="@{/web/admin/css/style.css}"/>

    <style type="text/css">
        table td,
        table th {
            text-align: center;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content" id="body">
    <div class="row">
        <div class="col-sm-12">

            <!--
            可以用这个布局,但是我不想用
            <div class="alert alert-danger" th:if="${error_info}" th:text="${error_info}">
                H+是一个很棒的后台UI框架 <a class="alert-link" href="#">了解更多</a>.
            </div>
            <div class="alert alert-success" th:if="${success_info}" th:text="${success_info}">
                更新成功
            </div>

            <div class="alert alert-danger" th:if="${error_pass}" th:text="${error_pass}">
                H+是一个很棒的后台UI框架 <a class="alert-link" href="#">了解更多</a>.
            </div>
            <div class="alert alert-success" th:if="${success_pass}" th:text="${success_pass}">
                更新成功
            </div>
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="" th:classappend="${error_info || success_info} ? 'active'"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基础资料</a>
                    </li>
                    <li class="" th:classappend="${error_pass || success_pass} ? 'active'"><a data-toggle="tab" href="#tab-2" aria-expanded="false">密码设置</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane" th:classappend="${error_info || success_info} ? 'active'">
                        <div class="panel-body">
                            <form method="post" th:action="@{info}" class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-sm-4">
                                        <label class="col-sm-3 control-label">用户名</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" placeholder="" disabled="disabled"
                                                   th:value="${session.admin.username}" value="username">
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-4">
                                        <label class="col-sm-3 control-label">姓名</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="name" class="form-control" aria-required="true" placeholder="姓名、昵称" th:value="${session.admin.name}">
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="col-sm-3 control-label">电子邮件</label>
                                        <div class="col-sm-9">
                                            <input type="email" name="email" class="form-control" aria-required="true" placeholder="电子邮件" th:value="${session.admin.email}">
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="col-sm-3 control-label">联系方式</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="phone" class="form-control" aria-required="true" placeholder="联系方式" th:value="${session.admin.phone}">
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-12 text-center">
                                        <button type="submit" class="btn btn-w-m btn-success">保存我的信息
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="tab-2" class="tab-pane" th:classappend="${error_pass || success_pass} ? 'active'">
                        <div class="panel-body">
                            <form method="post" th:action="@{pass}" class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-sm-3">
                                        <label class="col-sm-3 control-label">新的密码</label>
                                        <div class="col-sm-9">
                                            <input type="password" name="password1" class="form-control"
                                                   aria-required="true" placeholder="设置用户密码">
                                            <span class="help-block m-b-none">留空则不设置密码或修改密码</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="col-sm-3 control-label">确认密码</label>
                                        <div class="col-sm-9">
                                            <input type="password" name="password2" class="form-control"
                                                   aria-required="true" placeholder="确认用户密码">
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="col-sm-3 control-label">校验密码</label>
                                        <div class="col-sm-9">
                                            <input type="password" name="myPassword" class="form-control"
                                                   aria-required="true" placeholder="校验当前用户密码">
                                            <span class="help-block m-b-none">验证当前用户的密码权限</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <button type="submit" class="btn btn-w-m btn-success">修改密码
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>-->

            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>我的资料信息
                        <small>当前登录用户信息</small>
                    </h5>
                </div>
                <div class="ibox-content">
                    <div class="alert alert-danger" th:if="${error_info}" th:text="${error_info}">
                        H+是一个很棒的后台UI框架 <a class="alert-link" href="#">了解更多</a>.
                    </div>
                    <div class="alert alert-success" th:if="${success_info}" th:text="${success_info}">
                        更新成功
                    </div>
                    <form method="post" action="" th:action="@{info}" class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-4">
                                <label class="col-sm-3 control-label">用户名</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="" disabled="disabled"
                                           th:value="${session.admin.username}" value="username">
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-4">
                                <label class="col-sm-3 control-label">姓名</label>
                                <div class="col-sm-9">
                                    <input type="text" name="name" class="form-control" aria-required="true" placeholder="姓名、昵称" th:value="${session.admin.name}">
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <label class="col-sm-3 control-label">电子邮件</label>
                                <div class="col-sm-9">
                                    <input type="email" name="email" class="form-control" aria-required="true" placeholder="电子邮件" th:value="${session.admin.email}">
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <label class="col-sm-3 control-label">联系方式</label>
                                <div class="col-sm-9">
                                    <input type="text" name="phone" class="form-control" aria-required="true" placeholder="联系方式" th:value="${session.admin.phone}">
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-12 text-center">
                                <button type="submit" class="btn btn-w-m btn-success">保存我的信息
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>修改密码
                        <small>修改当前用户密码</small>
                    </h5>
                </div>
                <div class="ibox-content">
                    <div class="alert alert-danger" th:if="${error_pass}" th:text="${error_pass}">
                        H+是一个很棒的后台UI框架 <a class="alert-link" href="#">了解更多</a>.
                    </div>
                    <div class="alert alert-success" th:if="${success_pass}" th:text="${success_pass}">
                        更新成功
                    </div>
                    <form method="post" action="" th:action="@{pass}" class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-3">
                                <label class="col-sm-3 control-label">新的密码</label>
                                <div class="col-sm-9">
                                    <input type="password" name="password1" class="form-control"
                                           aria-required="true" placeholder="设置用户密码">
                                    <span class="help-block m-b-none">留空则不设置密码或修改密码</span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <label class="col-sm-3 control-label">确认密码</label>
                                <div class="col-sm-9">
                                    <input type="password" name="password2" class="form-control"
                                           aria-required="true" placeholder="确认用户密码">
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <label class="col-sm-3 control-label">校验密码</label>
                                <div class="col-sm-9">
                                    <input type="password" name="myPassword" class="form-control"
                                           aria-required="true" placeholder="校验当前用户密码">
                                    <span class="help-block m-b-none">验证当前用户的密码权限</span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <button type="submit" class="btn btn-w-m btn-success">修改密码
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

</div>

<script src="../../../../static/plugins/jquery.min.js" th:src="@{/plugins/jquery.min.js}" type="text/javascript"
        charset="utf-8"></script>
<script src="../../../../static/bootstrap/js/bootstrap.min.js" th:src="@{/bootstrap/js/bootstrap.min.js}"
        type="text/javascript" charset="utf-8"></script>
</body>

</html>